<template>
  <div class="scroll">
    <!-- <p>网校页面</p> -->
    <!-- banner图 -->
    <div class="banner03">
      <img
        src="https://assets-cdn.lanqb.com/imgv3_m/images/t-banner.png"
        alt=""
      />
    </div>
    <!-- 主题 -->
    <div class="menu">
      <div class="menu-item">
        <a href=""></a>
        <p>直播课</p>
      </div>
      <div class="menu-item">
        <a href=""></a>
        <p>录播课</p>
      </div>
      <div class="menu-item">
        <a href=""></a>
        <p>企业荣誉</p>
      </div>
      <div class="menu-item">
        <a href=""></a>
        <p>学员作品</p>
      </div>
      <div class="menu-item">
        <a href=""></a>
        <p>学员成长</p>
      </div>
      <div class="menu-item">
        <a href=""></a>
        <p>怎样学习</p>
      </div>
    </div>
  <!-- 网校课程 -->
  <school-one></school-one>
  <!-- 优秀师资 -->
  <school-teachers></school-teachers>
  <!-- 学员感言 -->
  <school-student-text></school-student-text>
  <!-- 学员作品 -->
  <school-works></school-works>
  
  </div>
</template>

<script>
import SchoolOne from '@/components/schoolOne.vue'
import SchoolTeachers from '@/components/schoolTeachers.vue'
import SchoolStudentText from '@/components/schoolStudentText.vue'
import SchoolWorks from '@/components/schoolWorks.vue'
export default {
  name: "LqbSchool",

  data() {
    return {};
  },
  components:{
    SchoolOne,
    SchoolTeachers,
    SchoolStudentText,
    SchoolWorks,
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
/* banner图 */
.scroll{
  height: calc(100vh - 134px);
  overflow-y: scroll;    // 开启滚
}
.banner03 {
  text-align: center;
  img {
    height: 72px;
  }
}
/* 主题 */
.menu {
  background-color: antiquewhite;
  height: 105px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  .menu-item {
    flex-direction: column;
    align-items: center;
    p {
      font-size: 12px;
    }
  }
  a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: aqua;
    border-radius: 50%;
  }
}
</style>
